import React, {Component} from 'react';
import {Platform, StyleSheet,ScrollView, Text, View, TouchableOpacity, Alert } from 'react-native';

export default class setup extends Component {
	static navigationOptions = {
        headerStyle:{
            backgroundColor:'#d04542',
            height:50,
        },
        headerTintColor:'white',
	};
	constructor(props){
		super(props);
		this.state={
			count:0
		}
	}
	onPress = () => {
	    this.setState({
	      count: this.state.count+1
	    })
    }
	onLongPress = () => {
	  	Alert.alert('提示','确定删除吗？',[
		  	{text:'取消',onPress:() => {},style:'cancel'},
		  	{text:'确定',onPress:() => {}},
	  	])
	}
	
  render() {
    return (
      <ScrollView style={styles.ScrollView}>
        <View style={styles.container}>
        	<Text style={styles.titles}> 关于九月份支部活动会后任务交流 </Text>
        	<Text style={styles.times}> 2018-11-27 </Text>
        	<Text style={styles.explain}> 发货的撒飞洒发 发货的撒飞洒发 方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 方按时反馈好的飞洒发 方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 户方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒发货的撒飞洒发 方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 方按时反馈好的飞洒发 方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 户方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒发货的撒飞洒发 方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 方按时反馈好的飞洒发 方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 户方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒发货的撒飞洒发 方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 方按时反馈好的飞洒发 方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 户方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒发货的撒飞洒发 方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 方按时反馈好的飞洒发 方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 户方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒发货的撒飞洒发 方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 方按时反馈好的飞洒发 方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 户方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒发货的撒飞洒发 方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 方按时反馈好的飞洒发 方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 户方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 方按时反馈好的飞洒发 方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 户方按时反馈好的撒发生鱼摆摆比电视剧发货单三的撒发大水发货的撒飞洒发 </Text>
        	<Text style={styles.ends}> 老干部局四处 </Text>
        	<Text style={styles.ends}> 2018年11月27号 </Text>
        	<View style={{flex: 1,justifyContent:'center', flexDirection: 'row',padding:10,height:40}}>
	        	<TouchableOpacity style={{height:40}} onLongPress={this.onLongPress}>
		      		<Text style={styles.btn}>报名参加 </Text>
		    	</TouchableOpacity>
		    	<View style={{width:10}}></View>
		    	<TouchableOpacity style={{height:40}} onPress={this.onPress}>
		      		<Text style={styles.btn}>不参加</Text>
		    	</TouchableOpacity>
		    </View>
        </View>
      </ScrollView>
    );
  }
}

const styles = StyleSheet.create({
	ScrollView:{
		backgroundColor:"#F2F2F2",
	},
  btn:{
  	width:150,backgroundColor:'#D04542',borderRadius:2,textAlign: 'center',
  	lineHeight: 40 ,color: 'white',
  },
  box: {
    flex: 1,fontSize:20,
  },
  texts:{
  	height:50,backgroundColor:'#D04542',lineHeight: 50 ,
  	textAlign: 'center',color: 'white',fontSize: 18,fontWeight:'bold',
  },
  container:{
  	height:'auto',backgroundColor:'#f5f5f5',
  	minHeight: 100,paddingBottom:20,
  },
  titles:{
  	height:50,textAlign: 'center',color: '#313131',
  	fontSize: 18,lineHeight: 50 ,
  },
  times:{
  	height:20,textAlign: 'center',
  	color: '#969696',fontSize: 15,
  },
  explain:{
  	color: '#373737',fontSize: 15,
  	padding:15,lineHeight:25,
  },
  ends:{
  	color: '#373737',fontSize: 15,
  	textAlign: 'right',	paddingRight:15,lineHeight:25,
  }
});
